<script module="test" lang="renderjs">
	// 添加高德安全密钥（不加无法定位）
	window._AMapSecurityConfig = {
		securityJsCode: "8eb67675af4baa23e761d9914c1209e1"
	};
	import AMapLoader from "@amap/amap-jsapi-loader";

	let map = null;

	export default {
		mounted() {
			this.initMap();
		},
		unmounted() {
			map?.destroy();
		},
		methods: {
			initMap() {
				AMapLoader.load({
						key: "59a4fd8625d744477eb1ade936ef2923", // 申请好的Web端开发者Key，首次调用 load 时必填
						version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
						plugins: ['AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
					})
					.then((AMap) => {
						map = new AMap.Map("container", {
							// 设置地图容器id
							viewMode: "3D", // 是否为3D地图模式
							zoom: 11, // 初始化地图级别
							center: [118.796877, 32.060255], // 初始化地图中心点位置
						});
						// 初始化逆地理编码

						var geocoder = new AMap.Geocoder({
							// city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
							city: '010'
						})
						let that = this
						geocoder.getAddress(['118.7239', '32.002'], function(status, result) {
							// console.log(result);
							if (status === 'complete' && result.info === 'OK') {
								// console.log(result.regeocode.formattedAddress);
								// result为对应的地理位置详细信息
								that.address = result.regeocode.formattedAddress
							}
						})


						/* var marker = new AMap.Marker({
							icon: "",
							position: [118.803678, 32.067247]
						});
						map.add(marker);
						map.setFitView(); */
					})
					.catch((e) => {
						console.log(e);
					});
			}

		}
	}
</script>

<template>
	<view id="container"></view>
</template>

<style scoped>
	#container {
		width: 100%;
		/* height: 826rpx; */
	}
</style>